<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="pages/system/css/DictMng.css" />

<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="breadcrumb">
				<li><span class="c-999">系统管理</span><i class="icon-angle-right"></i></li>
				<li><a class="c-666" onclick="util.showContent('pages/system/dictMng.jsp')">字典管理</a></li>
			</ul>
		</div>
	</div>

<!-- searching box begin -->
	<div class="search-box">
		<div class="search-title">
			<span class="search-criteria c-666">&nbsp;查询条件</span>
		</div>
		<form id="pack_search_form">
			<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td align="left">
						<label class="my-label">字典名称：
							<input type="text" id="id_dictName" class="my-input" >
							<input style="display:none" />
						</label>
					</td>
				 </tr>
			</table>
		</form>
		<ul class="search-button">
			<li>
				<button class="btn blue" id="btn_dict_query" >查&nbsp;&nbsp;询</button>
			</li>
			<li>
				<button class="btn blue" id="btn_dict_reset">重&nbsp;&nbsp;置</button>
			</li>
		</ul>
	</div>
<!-- searching box end -->

	<div class="table-con">
		<div class="table-head">
			&nbsp;&nbsp;&nbsp;<i class="icon-reorder"></i>&nbsp;列表详情
		</div>
		<div class="list-body">
			<div class="portlet-body">
				<p>
					<button id="sys_dict_table_new" class="btn blue hide" data-toggle="modal">
							新&nbsp;&nbsp;增
						</button>
					
						<button id="sys_dict_table_edit" href="#addNewDict" class="btn green hide" data-toggle="modal">
							编&nbsp;&nbsp;辑 
						</button>
						
						<button id="sys_dict_table_del" class="btn red hide" data-toggle="modal">
							删&nbsp;&nbsp;除 
						</button>
				</p>
			</div>
			<div class="table-responsive">
				<table class="table table-bordered table-striped table-hover"
					id="sys_dict_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;"><input
								type="checkbox" class="group-checkable"
								data-set="#sys_dict_table .checkboxes" />
							</th>
							<th class="sorting_asc_disabled twoMinWidth">序号</th>
							<th class="fourMinWidth">字典名称</th>
							<th class="fourMinWidth">字典编码</th>
							<th class="twoMinWidth">备注</th>
							<th style="min-width:75px">设置字典值</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<!--  新增字典div  -->
<div id="add-dict" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
	<div class="modal-header bg-green c-bold c-fff">
		<span id='dict_add_title'></span>
	</div>
	<div class="modal-body">
	    <form id="dict_form">
		    <input name="pkId" id="pkId" class="hide" value=""/>
			<table class="table">
				<tr>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>字典名称：</span><input type="text" name="dictName" data-required="1" id="dictName" maxLength='33'/></td>
					<td><span class="al-right"><i class="c-red">*&nbsp;</i>字典编码：</span><input type="text" name="dictKey" data-required="1" id="dictKey" maxLength='33'/></td>
				</tr>
				<tr>
					<td><span class="al-right">备注：</span><input type="text" id='remark' name='remark' maxLength='1000'/></td>
				</tr>
			</table>
		</form>
	</div>
	<div class="modal-footer al-center bg-fff">
		<button id='dict_add_save' type="button" class="btn green" style="margin-right: 25px;">保存</button>
		<button type="button" data-dismiss="modal" class="btn red" id="dict_add_cancel">取消</button>
	</div>
</div>
<!--  新增字典div  -->

<!-- 编辑字典值 -->
<div id="editDictPanel" class="modal hide fade" tabindex="-1" data-width="65%">
	<div class="modal-header  bg-green c-bold c-fff">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		设置-字典值
	</div>

	<div class="modal-body" style="height:100%;">
		<div class="row-fluid ">
			<div class="span12">
				<div class="portlet ">
					<div class="portlet-body ">
						<div class="btn-group">
							<button id="editDict_new" class="btn blue"
								 data-toggle="modal">
								新&nbsp;&nbsp;增 
							</button>
						</div>
						<div class="btn-group">
							<button id="editDict_edit" class="btn green" >
								修&nbsp;&nbsp;改
							</button>
						</div>
						<div class="btn-group">
							<button id="editDict_save" class="btn blue" >
								保&nbsp;&nbsp;存 
							</button>
						</div>
						<div class="btn-group">
							<button id="editDict_del" class="btn red">
								删&nbsp;&nbsp;除 
							</button>
						</div>
						<div class="btn-group">
							<button id="editDict_ref" class="btn blue" >
								刷&nbsp;&nbsp;新
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="tabbable tabbable-custom tabbable-custom-profile">
			<div class="tab-content">
				<!-- 字典值 -->
				<div class="tab-pane active" id="editDict_value">
					<div class="portlet-body" style="display: block;">
					<table class="table table-striped table-hover table-bordered" style="width:100%;" id="editDict_table">
						<thead>
							<tr>
								<th style="width:8px;" class="sorting_asc_disabled">
									<input type="checkbox" class="group-checkable" data-set="#editDict_table .checkboxes" />
								</th>
								<th class="twoMinWidth">序号</th>
								<th style="min-width:75px">字典显示值</th>
								<th class="fourMinWidth">字典key</th>
								<th class="twoMinWidth">排序</th>
								<th style="min-width:45px">创建人</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="pages/system/js/DictMng.js"></script>
<script type="text/javascript" src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		sysDictTable.init();
		App.initUniform();
	});
</script>

